<div class="page-wishlist w clearfix">
  <div class="user-tips">您能采购的商品以您所在地区的物流营销中心实际库存为准。</div>
  <div ng-include="'catalog/view/theme/bhz/pc/modules/includes/usernav.html'" ng-controller="UserNavCtrl" class="bhz-user-nav-wrap"></div>
  <div class="wishlist-page-wrap">
    <div class="menu-tab">
      <a href="javascript:void(0)" ng-class="{active: type=='product'}" ng-click="changeType('product')" class="menu-item"><span class="text">关注商品(<span>{{products.length}}</span>)</span></a>
      <span class="separater"></span>
      <a href="javascript:void(0)" ng-class="{active: type=='store'}" ng-click="changeType('store')" class="menu-item"><span class="text">关注店铺(<span>{{stores.length}}</span>)</span></a>
    </div>

    <div class="content">
      <div class="products" ng-show="type=='product'">
        <div class="product-list-wrap" ng-show="products.length>0">
          <ul class="product-list">
            <li class="item product-item clearfix" ng-repeat="product in products">
              <div class="image" ng-click="gotoProduct(product.product_id)">
                <img ng-src="{{product.thumb}}">
              </div>
              <div class="info">
                <div class="name auto-cut-word-two-line" ng-click="gotoProduct(product.product_id)">{{product.name}}</div>
                <div class="data clearfix">
                  <span class="deliver"></span>
                  <span class="minimal" ng-if="product.minimal">{{product.minimal}}个起批</span>
                </div>
                <div class="actions clearfix">
                  <div class="price">{{product.price}}</div>
                  <a href="javascript:void(0)" class="btn-remove" ng-click="removeProductFromWishlist(product.product_id)">取消关注</a>
                </div>
              </div>

            </li>
          </ul>
        </div>
        <div class="empty" ng-show="products.length == 0">
          <div class="empty-img">
            <img src="catalog/view/theme/bhz/m/images/img-empty.png">
            <p>这里真的什么都没有喔～</p>
          </div>
        </div>
      </div>
      <div class="stores" ng-show="type=='store'">
        <div class="vendor-list-wrap" ng-show="stores.length > 0">
          <ul class="vendor-list">
            <li class="vendor-item item" ng-repeat="vendor in stores">
              <a class="vendor-item-link" href="javascript:void(0);" ng-click="gotoVendor(vendor.vendor_id)">
                <table class="vendor-item-table">
                  <tr>
                    <td class="left">
                      <img ng-src="{{vendor.thumb}}">
                    </td>
                    <td class="right">
                      <div class="vendor-name">{{vendor.name}}</div>
                      <div class="vendor-products">
                        <div class="product-item" ng-repeat="(key, image) in vendor.products_image track by key">
                          <img ng-src="{{image}}">
                        </div>
                      </div>
                    </td>
                  </tr>
                </table>
              </a>
              <a href="javascript:void(0)" class="btn-remove" ng-click="removeStoreFromWishlist(vendor.vendor_id)">取消关注</a>
            </li>
          </ul>
        </div>
        <div class="empty" ng-show="stores.length == 0">
          <div class="empty-img">
            <img src="catalog/view/theme/bhz/m/images/img-empty.png">
            <p>这里真的什么都没有喔～</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
